<template>
  <div style="border: 1px solid red; padding: 25px">孙组件C
    <h3>我是父组件的数据： {{ count11() }}</h3>
    <div>
      我是孙子组件，想修改父组件的数据 --- {{ a }}
      <el-button @click="update">修改父组件数据</el-button>
    </div>
  </div>
</template>
<script>
export default {
  name: 'C',
  props: ['a'],
  data() {
    return {

    }
  },
  inject: ['count11'],
  created() {
    console.log('在孙组件', this.$attrs)
  },
  methods: {
    update() {
      // count11 后面写父子通信的时候，不要用provide提供的值
      // this.$emit('update', this.count11 + 1)
      this.$emit('update', this.a + 1)
    }
  }
}
</script>

  <style />

